<template>
  <div>
    <h2>我是子组件的标题</h2>
    <!--将子组件的插槽内容传递给父级-->
    <slot name="s1" :user="user">
      只有在没有分发内容的情况下才会显示1
    </slot>
    <hr/>
    <slot name="s2">
      只有在没有分发内容的情况下才会显示2
    </slot>
  </div>
</template>

<script>
  export default {
    name: "MyComponent",
    data(){
      return{
        user:{
          name:'admin'
        }
      }
    }
  }
</script>

<style scoped>

</style>
